<!DOCTYPE html>
<html ng-app="BootApplication">

<head>
	<meta http-equiv="Content-Type" content="Wordpress themetext/html; charset=UTF-8">	
	<title>AcquariumWeb</title>

	<!-- Behavioral Meta Data -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" type="image/png" href="img/small-logo-01.png">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,900,900italic,700italic,700,500italic,400italic,500,300italic,300' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

	<!-- Import plugin -->
	<jsp:include page="../core/head.jsp"></jsp:include>
</head>

<!-- CONTROLLER -->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/settings/controller/ch-pw-ctrl.js"></script>
<!-- SERVICE -->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/settings/service/ch-pw-srv.js"></script>

<body ng-controller="ChangePasswordController">

	<!-- TOP-BAR -->
	<jsp:include page="../core/top-bar.jsp"></jsp:include>
	
	<!-- HEADER -->
	<div id="wrapper-header">
		<div id="main-header" class="object">
			<div class="logo logoTitle">{{'page.plant.title' | translate}}</div>
	        <div id="main_tip_search"> 
				<form>
					<input type="text" name="search" id="tip_search_input" list="search" autocomplete=off required>
				</form>
			</div>
	        <div id="stripes"></div>
	    </div>
	</div>

	<!-- NAV-BAR -->
	<jsp:include page="../core/nav-bar.jsp"></jsp:include>
	
	<!-- PORTFOLIO -->
	<div id="wrapper-container">
		<div class="row">
			<div class="col-md-3 space-sm-4">
<!-- 				<div class="sidenav"> -->
<!-- 					<ul class="sidenav-list"> -->
<!-- 						<li><a href="https://www.airbnb.it/users/edit/37689192" aria-selected="true" class="sidenav-item">Modifica profilo</a></li> -->
<!-- 						<li><a href="https://www.airbnb.it/users/edit/37689192?section=media" aria-selected="false" class="sidenav-item">Foto e Video</a></li> -->
<!-- 						<li><a href="https://www.airbnb.it/users/edit_verification/37689192" aria-selected="false" class="sidenav-item">Affidabilità e verifiche</a></li> -->
<!-- 						<li><a href="https://www.airbnb.it/users/reviews/37689192" aria-selected="false" class="sidenav-item">Recensioni</a></li> -->
<!-- 						<li><a href="https://www.airbnb.it/users/references/37689192" aria-selected="false" class="sidenav-item">Referenze</a></li> -->
<!-- 						<li></li> -->
<!-- 					</ul> -->
<!-- 				</div> -->
<!-- 				<a href="/users/show/37689192" class="btn btn-block space-top-4">Visualizza profilo</a> -->
			</div>
			<div class="col-md-9">
				<div id="dashboard-content">
					<form accept-charset="UTF-8" action="/update/37689192" data-hook="update-profile-form" enctype="multipart/form-data" id="update_form" method="post">
						<div style="margin: 0; padding: 0; display: inline">
							<input name="utf8" type="hidden" value="✓">
							<input name="authenticity_token" type="hidden" value="V4$.airbnb.it$7e2N8tj6qkA$7SyqeZlsq5RsQV0KtB0grY4tZwEaldol2bg8VZKm56U=">
						</div>

						<div class="panel space-4">
							<div class="panel-body">
								<div class="row row-condensed space-4">
									<label class="text-right col-sm-3" for="user_first_name"> Nome </label>
									<div class="col-sm-9">
										<input id="user_first_name" name="user[first_name]" size="30" type="text" value="Alessandro">
									</div>
								</div>

								<div class="row row-condensed space-4">
									<label class="text-right col-sm-3" for="user_last_name"> Cognome </label>
									<div class="col-sm-9">
										<input id="user_last_name" name="user[last_name]" size="30" type="text" value="Paolillo">
										<div class="text-muted space-top-1">Sul tuo profilo pubblico viene visualizzato solo il tuo nome. Quando invii una richiesta di prenotazione, il tuo host potrà vedere il tuo nome e cognome.</div>
									</div>
								</div>

								<div class="row row-condensed space-4">
									<label class="text-right col-sm-3" for="user_birthdate">
										Data di nascita <i class="icon icon-lock icon-ebisu"
										data-behavior="tooltip" aria-label="Privato"></i>
									</label>
									<div class="col-sm-9">

										<fieldset>
											<legend class="screen-reader-only">Data di nascita</legend>
											<div class="select">
												<select aria-label="Mese" id="user_birthdate_2i" name="user[birthdate(2i)]">
													<option value="1">Gennaio</option>
													<option value="2">Febbraio</option>
													<option selected="selected" value="3">Marzo</option>
													<option value="4">Aprile</option>
													<option value="5">Maggio</option>
													<option value="6">Giugno</option>
													<option value="7">Luglio</option>
													<option value="8">Agosto</option>
													<option value="9">Settembre</option>
													<option value="10">Ottobre</option>
													<option value="11">Novembre</option>
													<option value="12">Dicembre</option>
												</select>
											</div>
											<div class="select">
												<select aria-label="Giorno" id="user_birthdate_3i" name="user[birthdate(3i)]">
													<option value="1">1</option>
													<option value="2">2</option>
													<option value="3">3</option>
													<option value="4">4</option>
													<option value="5">5</option>
													<option value="6">6</option>
													<option value="7">7</option>
													<option value="8">8</option>
													<option value="9">9</option>
													<option value="10">10</option>
													<option value="11">11</option>
													<option value="12">12</option>
													<option value="13">13</option>
													<option value="14">14</option>
													<option value="15">15</option>
													<option value="16">16</option>
													<option value="17">17</option>
													<option value="18">18</option>
													<option selected="selected" value="19">19</option>
													<option value="20">20</option>
													<option value="21">21</option>
													<option value="22">22</option>
													<option value="23">23</option>
													<option value="24">24</option>
													<option value="25">25</option>
													<option value="26">26</option>
													<option value="27">27</option>
													<option value="28">28</option>
													<option value="29">29</option>
													<option value="30">30</option>
													<option value="31">31</option>
												</select>

											</div>
											<div class="select">
												<select aria-label="Anno" id="user_birthdate_1i" name="user[birthdate(1i)]">
													<option value="1999">1999</option>
													<option value="1998">1998</option>
													<option value="1997">1997</option>
													<option value="1996">1996</option>
													<option value="1995">1995</option>
													<option value="1994">1994</option>
													<option value="1993">1993</option>
													<option value="1992">1992</option>
													<option value="1991">1991</option>
													<option value="1990">1990</option>
													<option value="1989">1989</option>
													<option value="1988">1988</option>
													<option value="1987">1987</option>
													<option value="1986">1986</option>
													<option value="1985">1985</option>
													<option selected="selected" value="1984">1984</option>
													<option value="1983">1983</option>
													<option value="1982">1982</option>
													<option value="1981">1981</option>
													<option value="1980">1980</option>
													<option value="1979">1979</option>
													<option value="1978">1978</option>
													<option value="1977">1977</option>
													<option value="1976">1976</option>
													<option value="1975">1975</option>
													<option value="1974">1974</option>
													<option value="1973">1973</option>
													<option value="1972">1972</option>
													<option value="1971">1971</option>
													<option value="1970">1970</option>
													<option value="1969">1969</option>
													<option value="1968">1968</option>
													<option value="1967">1967</option>
													<option value="1966">1966</option>
													<option value="1965">1965</option>
													<option value="1964">1964</option>
													<option value="1963">1963</option>
													<option value="1962">1962</option>
													<option value="1961">1961</option>
													<option value="1960">1960</option>
													<option value="1959">1959</option>
													<option value="1958">1958</option>
													<option value="1957">1957</option>
													<option value="1956">1956</option>
													<option value="1955">1955</option>
													<option value="1954">1954</option>
													<option value="1953">1953</option>
													<option value="1952">1952</option>
													<option value="1951">1951</option>
													<option value="1950">1950</option>
													<option value="1949">1949</option>
													<option value="1948">1948</option>
													<option value="1947">1947</option>
													<option value="1946">1946</option>
													<option value="1945">1945</option>
													<option value="1944">1944</option>
													<option value="1943">1943</option>
													<option value="1942">1942</option>
													<option value="1941">1941</option>
													<option value="1940">1940</option>
													<option value="1939">1939</option>
													<option value="1938">1938</option>
													<option value="1937">1937</option>
													<option value="1936">1936</option>
													<option value="1935">1935</option>
													<option value="1934">1934</option>
													<option value="1933">1933</option>
													<option value="1932">1932</option>
													<option value="1931">1931</option>
													<option value="1930">1930</option>
													<option value="1929">1929</option>
													<option value="1928">1928</option>
													<option value="1927">1927</option>
													<option value="1926">1926</option>
													<option value="1925">1925</option>
													<option value="1924">1924</option>
													<option value="1923">1923</option>
													<option value="1922">1922</option>
													<option value="1921">1921</option>
													<option value="1920">1920</option>
													<option value="1919">1919</option>
													<option value="1918">1918</option>
													<option value="1917">1917</option>
												</select>
											</div>
										</fieldset>
										<div class="text-muted space-top-1">Il magico giorno in cui sei caduto dal cielo dal becco di una cicogna. Anche questi dati sono utilizzati solo per analisi interne e non verranno condivisi con altri.</div>
									</div>
								</div>

								<div class="row row-condensed space-4">
									<label class="text-right col-sm-3" for="user_email">Indirizzo email <i class="icon icon-lock icon-ebisu" data-behavior="tooltip" aria-label="Privato"></i></label>
									<div class="col-sm-9">
										<input id="user_email" name="user[email]" size="30" type="text" value="alessandro.paolillo@gmail.com">
										<div class="text-muted space-top-1">Non condivideremo il tuo indirizzo privato di posta elettronica con altri utenti. <a href="/help/article/694" target="blank">Per saperne di più</a>.</div>
									</div>
								</div>
							</div>
						</div>
						<button type="submit" class="btn btn-primary btn-large"> Salva</button>
					</form>
				</div>
			</div>
		</div>

		<div id="wrapper-thank">
	    	<div class="thank">
	        	<div class="thank-text">Acquarium<span style="letter-spacing:-5px;">-</span>Web</div>
	    	</div>
		</div>

		<!-- MAIN-CONTAINER-FOOTER -->
		<jsp:include page="../core/main-container-footer.jsp"></jsp:include>
		    
	    <!-- WRAPPER-COPYRIGHT -->
	    <jsp:include page="../core/wrapper-copyright.jsp"></jsp:include>
	</div>

	<!-- SCRIPT -->	
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.scrollTo.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.localScroll.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-animate-css-rotate-scale.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/fastclick.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.animate-colors-min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.animate-shadow-min.js"></script>    
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/main.js"></script>
</body>
</html>